<template>
  <div>
    <div class="stricky-header stricked-menu main-menu">
      <div class="sticky-header__content"></div>
    </div>
    <section class="page-header">
      <div
        class="page-header__bg"
        style="
          background-image: url(assets/images/backgrounds/page-header-bg-1-1.jpg);
        "
      ></div>

      <div class="container">
        <h2>About Us</h2>
        <ul class="thm-breadcrumb list-unstyled">
          <li>
            <a
              href="index.html"
              tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/index.html"
              >Home</a
            >
          </li>
          <li>/</li>
          <li><span>About</span></li>
        </ul>
      </div>
    </section>
    <section class="about-one">
      <img
        src="assets/images/shapes/about-leaf-1-1.png"
        tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/shapes/about-leaf-1-1.png"
        alt=""
        class="about-one__shape-1"
      />
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-lg-6">
            <img
              src="assets/images/resources/about-1-1.png"
              tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/about-1-1.png"
              class="img-fluid"
              alt=""
            />
          </div>
          <div class="col-md-12 col-lg-6">
            <div class="about-one__content">
              <div class="block-title text-left">
                <div class="block-title__decor"></div>
                <p>Get to Know</p>
                <h3>We鈥檙e Selling Quality Products</h3>
              </div>
              <p>
                There are many variations of passages of available but the
                majority have suffered alteration in some form, by injected
                humou or words even slightly believable.
              </p>
              <p>
                There are many variations of passages of available but the
                majority have suffered alteration in some form, by injected
                humou or words even slightly believable.
              </p>
              <div class="row">
                <div class="col-md-6 col-lg-6">
                  <div class="about-one__box">
                    <h3>
                      <i class="fa fa-check-circle"></i> Magnis Dis Nascet
                    </h3>
                    <p>Lorem ipsum is free do sit</p>
                  </div>
                </div>
                <div class="col-md-6 col-lg-6">
                  <div class="about-one__box">
                    <h3><i class="fa fa-check-circle"></i> Libero id Ege</h3>
                    <p>Lorem ipsum is free do sit</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <div class="client-carousel">
      <div class="container">
        <div
          class="thm-swiper__slider swiper-container"
          data-swiper-options='{"spaceBetween": 140, "slidesPerView": 5, "autoplay": { "delay": 5000 }, "breakpoints": {
                "0": {
                    "spaceBetween": 30,
                    "slidesPerView": 2
                },
                "375": {
                    "spaceBetween": 30,
                    "slidesPerView": 2
                },
                "575": {
                    "spaceBetween": 30,
                    "slidesPerView": 3
                },
                "767": {
                    "spaceBetween": 50,
                    "slidesPerView": 4
                },
                "991": {
                    "spaceBetween": 50,
                    "slidesPerView": 5
                },
                "1199": {
                    "spaceBetween": 100,
                    "slidesPerView": 5
                }
            }}'
        >
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
            <div class="swiper-slide">
              <img
                src="assets/images/resources/brand-1-1.png"
                tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/brand-1-1.png"
                alt=""
              />
            </div>
          </div>
        </div>
      </div>
    </div>
    <section
      class="video-one jarallax"
      data-jarallax
      data-speed="0.3"
      data-imgPosition="50% 50%"
    >
      <img
        src="assets/images/backgrounds/video-bg-1-1.jpg"
        tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/backgrounds/video-bg-1-1.jpg"
        alt=""
        class="jarallax-img"
      />
      <div class="container text-center">
        <a
          href="javascript:if(confirm('https://www.youtube.com/watch?v=u5l4cdUjau4  \n\n该文件无法用 Teleport Ultra 下载, 因为 它是一个域或路径外部被设置为它的启始地址的地址。  \n\n你想在服务器上打开它?'))window.location='https://www.youtube.com/watch?v=u5l4cdUjau4'"
          tppabs="https://www.youtube.com/watch?v=u5l4cdUjau4"
          class="video-popup"
        >
          <i class="fa fa-play"></i>
        </a>
        <h3>
          <span>Get</span> Always Fresh <br />
          Organic Food
        </h3>
      </div>
    </section>
    <section class="team-one">
      <img
        src="assets/images/shapes/team-shape-1.png"
        tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/shapes/team-shape-1.png"
        alt=""
        class="team-one__shape-1"
      />
      <img
        src="assets/images/shapes/team-shape-2.png"
        tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/shapes/team-shape-2.png"
        alt=""
        class="team-one__shape-2"
      />
      <div class="container">
        <div class="block-title text-center">
          <div class="block-title__decor"></div>
          <p>Professional People</p>
          <h3>Meet the Team</h3>
        </div>
        <div class="row">
          <div class="col-md-6 col-lg-3">
            <div class="team-card">
              <div class="team-card__image">
                <img
                  src="assets/images/team/team-1-1.png"
                  tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/team/team-1-1.png"
                  alt=""
                />
              </div>
              <div class="team-card__content">
                <h3>Ray Luna</h3>
                <div class="team-card__social">
                  <a href="#"><i class="fab fa-twitter"></i></a>
                  <a href="#"><i class="fab fa-facebook-square"></i></a>
                  <a href="#"><i class="fab fa-instagram"></i></a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-3">
            <div class="team-card">
              <div class="team-card__image">
                <img
                  src="assets/images/team/team-1-2.png"
                  tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/team/team-1-2.png"
                  alt=""
                />
              </div>
              <div class="team-card__content">
                <h3>Ora McLaughlin</h3>
                <div class="team-card__social">
                  <a href="#"><i class="fab fa-twitter"></i></a>
                  <a href="#"><i class="fab fa-facebook-square"></i></a>
                  <a href="#"><i class="fab fa-instagram"></i></a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-3">
            <div class="team-card">
              <div class="team-card__image">
                <img
                  src="assets/images/team/team-1-3.png"
                  tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/team/team-1-3.png"
                  alt=""
                />
              </div>
              <div class="team-card__content">
                <h3>Peter Ramsey</h3>
                <div class="team-card__social">
                  <a href="#"><i class="fab fa-twitter"></i></a>
                  <a href="#"><i class="fab fa-facebook-square"></i></a>
                  <a href="#"><i class="fab fa-instagram"></i></a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-3">
            <div class="team-card">
              <div class="team-card__image">
                <img
                  src="assets/images/team/team-1-4.png"
                  tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/team/team-1-4.png"
                  alt=""
                />
              </div>
              <div class="team-card__content">
                <h3>Eric Miller</h3>
                <div class="team-card__social">
                  <a href="#"><i class="fab fa-twitter"></i></a>
                  <a href="#"><i class="fab fa-facebook-square"></i></a>
                  <a href="#"><i class="fab fa-instagram"></i></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="testimonials-one">
      <div class="testimonials-one__head">
        <div class="container">
          <div class="block-title text-center">
            <div class="block-title__decor"></div>
            <p>Our Testimonials</p>
            <h3>What People Say?</h3>
          </div>
        </div>
      </div>
      <div class="container">
        <div
          class="thm-tiny__slider"
          id="testimonials-one-box"
          data-tiny-options='{
            "container": "#testimonials-one-box",
            "items": 1,
            "slideBy": "page",
            "gutter": 0,
            "mouseDrag": true,
            "autoplay": true,
            "nav": false,
            "controlsPosition": "bottom",
            "controlsText": ["<i class=\"fa fa-angle-left\"></i>", "<i class=\"fa fa-angle-right\"></i>"],
            "autoplayButtonOutput": false,
            "responsive": {
                "640": {
                  "items": 2,
                  "gutter": 30
                },
                "992": {
                  "gutter": 30,
                  "items": 3
                },
                "1200": {
                  "disable": true
                }
              }
        }'
        >
          <div>
            <div class="testimonials-one__single">
              <div class="testimonials-one__image">
                <img
                  src="assets/images/resources/testi-1-1.png"
                  tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/testi-1-1.png"
                  alt=""
                />
              </div>
              <div class="testimonials-one__content">
                <p>
                  I was very impresed by the osfins service lorem ipsum is
                  simply free text used by copy typing refreshing. Neque porro
                  est qui dolorem ipsum.
                </p>
                <h3>Winnie Collier</h3>
                <span>Customer</span>
              </div>
            </div>
          </div>
          <div>
            <div class="testimonials-one__single">
              <div class="testimonials-one__image">
                <img
                  src="assets/images/resources/testi-1-2.png"
                  tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/testi-1-2.png"
                  alt=""
                />
              </div>
              <div class="testimonials-one__content">
                <p>
                  I was very impresed by the osfins service lorem ipsum is
                  simply free text used by copy typing refreshing. Neque porro
                  est qui dolorem ipsum.
                </p>
                <h3>Helen Woods</h3>
                <span>Customer</span>
              </div>
            </div>
          </div>
          <div>
            <div class="testimonials-one__single">
              <div class="testimonials-one__image">
                <img
                  src="assets/images/resources/testi-1-3.png"
                  tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/resources/testi-1-3.png"
                  alt=""
                />
              </div>
              <div class="testimonials-one__content">
                <p>
                  I was very impresed by the osfins service lorem ipsum is
                  simply free text used by copy typing refreshing. Neque porro
                  est qui dolorem ipsum.
                </p>
                <h3>Ethan Thomas</h3>
                <span>Customer</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
</style>